*{ padding:0; margin:0 auto; }
div#box{ width: 606px; height: 386px; background-color: antiquewhite; border:1px dotted orange; position:relative; overflow:hidden; }
ul li{ border:1px solid black; list-style:none; float:left; transition:all 1.5s; }
/* 存储文本界面隐藏 */
ul #li0{ width: 150px; height: 386px; /* 最后要打开的功能 */
    /* position:absolute; z-index: -1; transform: translate(-150); */}  
ul #li1{ width: 300px; height: 385px; position:relative; }
ul #li1::after{ content: ""; clear: both; display: block; font-size: 0; height: 0; }
ul #li2{ width: 150px; height: 385px; position: absolute; left: 455px; /* 最后要打开的功能 */
    /* position:absolute; z-index: -2; transform: translate(-150); */}
ul::after{ content: ""; clear: both; display: block; overflow: hidden; font-size: 0; height: 0; }

/* 存储文本和三个文本框设置背景色 */
.inputTxt1,.inputTxt2,.inputTxt3,#historyRecord{ background-color: rgba(211, 207, 207, 0.959); }
/* 存储文本 */
#box #li0 textarea{ margin: 0px; width: 147px; height: 382px; }

/* 文本框1设置 */
#divTop{ width: 250px; height: 130px; /* position:relative; */
    background-color: aquamarine; }
#divTop::after{ content: ""; clear: both; display: block; overflow: hidden; font-size: 0; height: 0; }
.inputTxt1,.inputTxt2{ float:left; width: 108px; height: 30px; margin-top:30px; }
.inputTxt1{ margin-left:12px; }
/* .inputTxt2{ float:left; width: 108px; height: 30px; } */
.inputTxt3{ width: 220px; height: 30px; margin-top:9px; margin-left:12px; }

/* 文本框2 */
#divBot{ width: 250px; height: 256px; background-color: rgb(207, 33, 241); }
#divBot ul{ position:relative; }
#zhengXie{ width: 183px; height: 62px; padding:0 5px; float:left; background-color: azure; }
#number{ width: 183px; height: 190px; padding:0 5px; float:left; background-color: rgb(50, 240, 97); }
#operate{ width: 47px; height: 254px; float:left; padding:0 2px; position:absolute; top:0px; left:196px; }
#zhengXie button{ margin:0 3px; width: 57px; height: 27px; margin:2px 0; }
#number button{ width: 57px; height: 41px; margin:3px 0; }
/* #number .btnC{ width: 57px; } */
#operate button{ width: 46px; height: 38px; margin:2px 0; }

/* 左右打开按钮样式 */
#left,#right{ width: 24px; height: 385px; }
#left{ position:absolute; left:0px; top:0px; }
#right{ position:absolute; left:276px; top:0px; }

/* li2的样式 */
#ul>#li2>input{ display: inline-block; vertical-align: -2px; width: 15px; height: 18px; margin-top:2px; margin-left:2px; }
#ul>#li2>#radio018{ margin-left:7px; }
#ul>#li2>#douhao{width: 51px;height: 24px;position:absolute;top:99px;left:89px;}
#ul>#li2>#fuhao{width: 51px;height: 24px;position:absolute;top:132px;left:89px;}